<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<body>
	<f:view>
		<ui:composition template="/pages/template.xhtml">
			<ui:define name="body">
				<div id="main" role="main">
							<!-- RIBBON -->
							<div id="ribbon">
								<span class="ribbon-button-alignment"> 
								<span id="refresh" class="btn btn-ribbon" data-title="refresh"  rel="tooltip" data-placement="bottom" 
								data-original-title="%3Ci class='text-warning fa fa-warning'%3E%3C/i%3E Warning! This will reset all your widget settings." data-html="true">
								<i class="fa fa-refresh"/>
								</span> 
								</span>
				
								<!-- breadcrumb -->
								<ol class="breadcrumb">
									<!-- This is auto generated -->
								</ol>
								<!-- end breadcrumb -->
				
								<!-- You can also add more buttons to the
								ribbon for further usability
				
								Example below:
				
								<span class="ribbon-button-alignment pull-right">
								<span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
								<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
								<span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
								</span> -->
				
							</div>
							<!-- END RIBBON -->
							<!-- MAIN CONTENT -->
							<div id="content">
				
							</div>
							<!-- END MAIN CONTENT -->
				</div>
			</ui:define>
		</ui:composition>

	</f:view>
</body>
</html>
